import "./fonts/simhei.ttf";

export global MyState {
    in-out property <bool> is_show : true;
}
export global LocalTime {
    in-out property <string> h : "00";
    in-out property <string> m : "分钟";
    in-out property <string> s : "秒数";

}

export component MainView inherits Window {
    background: black;
    default-font-family: "黑体";
    width: 128px;
    height: 64px;
    Rectangle {
        x:0px;
        y:0px;
        width: 100%;
        height: 100%;
        background: transparent;
        border-color: white;
        border-width: 5px;
    }

    HorizontalLayout {
        padding: 5px;
        height: 100%;
        in property <length>  size : 28px;
        alignment: center;
        spacing: 1px;
        HorizontalLayout {
            spacing: 1px;
            alignment: center;
            Rectangle {
//                background: blue;
                height: 100%;
                width: h.width;
                h:=Text {
                    font-size: size;
                    text: LocalTime.h;
                    color: white;
                }
            }
            Rectangle {
//                background: pink;
                Text {
                    font-size: size;
                    text: ":";
                    color: white;
                }
            }
            Rectangle {
//                background: green;
                height: 100%;
                width: m.width;
                m:=Text {
                    font-size: size;
                    text: LocalTime.m;
                    color: white;
                }
            }
        }
        Rectangle {
//            background: purple;
            s:=Text {
                font-size: size - 8pt;
                text: LocalTime.s;
                color: white;
            }
        }
    }




//    Rectangle {
//        property <length> size : 28px;
//        x:0px;
//        y:0px;
//        width: parent.width;
//        height: parent.width;
//        HorizontalLayout {
//            x:6px;
//            y:10px;
//            alignment: start;
//            spacing: 5px;
//            Text {
//                text: LocalTime.h;
//                color: white;
//                font-weight: 900;
//                font-size: size;
//            }
//            Text {
//                text: ":";
//                color: white;
//                font-weight: 900;
//                font-size: 26px;
//            }
//            Text {
//                text: LocalTime.m;
//                color: white;
//                font-weight: 900;
//                font-size: size;
//            }
//        }
//        Text {
//            x:parent.width - self.width - 4px;
//            y:14px;
//            text: LocalTime.s;
//            color: white;
//            font-weight: 900;
//            font-size: size - 4px;
//        }
//    }

//    property <int> time :0;
//    timer := Timer{
//        interval: 1s;
//        running: true;
//        triggered => {
//            time+=1;
//        }
//    }
//    Text {
//        font-family: "SimHei";
//        text: time;
//        color: black;
//        font-weight: 900;
//        font-size: 40px;
//    }


}

